<!DOCTYPE html>
<!--suppress ALL-->
<html lang="zh" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.css}">
    <style>
        .box {
            display: flex;
            width: 100%;
            height: 100%;
            align-items: center;
            justify-content: center;
        }
        .loginbox {
            width: 400px;
            height: 300px;
            background: #ccc;
        }
    </style>
</head>
<body>
    <div class="box">
        <div class="loginbox">
            <p>
                <span th:if="${!#strings.isEmpty(errInfo)}" th:text="${errInfo}"></span>
            </p>
            <form class="form-inline" th:action="@{/user/login}" method="post" style="margin-top: 20px">
                <p>
                    用户名: <input class="form-control" type="text" name="username" placeholder="请输入用户名">
                </p>
                <p>
                    密　码: <input class="form-control" type="password" name="password" placeholder="请输入密码">
                </p>
                <p>
                    <input type="submit" class="btn btn-success btn-block" value="登录">
                </p>
            </form>
        </div>
    </div>
    <script th:src="@{/bootstrap/js/bootstrap.js}"></script>
</body>
</html>